<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html ng-app="UserInfoModule">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" href="resources/css/bootstrap/css/bootstrap.css"/>
	<script src="resources/js/jquery-2.0.3.min.js"></script>
	<script src="resources/js/bootstrap/bootstrap.min.js"></script>
	<script src="resources/js/angular/angular.js"></script>
	<script src="resources/js/login.js"></script>
	<link rel="stylesheet" href="resources/css/login.css"/>
	<title>登录页面</title>
</head>
<body>
	<div class="panel panel-primary">
		<div class="panel-heading">
			<div class="panel-title">
				双向数据绑定
			</div>
		</div>
		<div class="panel-body">
			<div class="row">
				<div class="col-sm-12">
					<form roles="form" class="form-horizontal" ng-controller="UserInfoCtrl">
						<div class="form-group">
							<label class="col-sm-2 control-label"> 
								用户名：
							</label>
							<div class="col-sm-10 text-{{color}}">
								<input type="text" name="username" id="username" class="form-control" placeholder="请填写用户名" ng-model="userInfo.username">
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label">密码：</label>
							<div class="col-sm-10">
								<input type="password" name="password" id="password" class="form-control" placeholder="请填写密码" ng-model="userInfo.password">
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-offset-2 col-sm-10">
								<div class="checkbox">
									<label>
										<input type="checkbox" ng-model="userInfo.autoLogin">是否自动登录
									</label>
								</div>
							</div>
						</div>
						<div class="form-group" ng-class="{textRed: isred,textGreen: isgreen}">{{messageText}}</div>
						<div class="form-group">
							<ul ng-show="menuState.show">
								<li ng-click="stun()">stun()</li>
								<li ng-click="disintegrate()">disintegrate()</li>
								<li ng-click="erase()">erase()</li>
							</ul>
							
						</div>
						<div class="form-group">
							<div class="col-sm-offset-2 col-sm-10">
								<button class="btn btn-default" ng-click="getFormData()">
									获取表单值
								</button>								
								<button class="btn btn-default" ng-click="setFormData()">
									设置表单值
								</button>
								<button class="btn btn-default" ng-click="changeColor()">
									改变背景色
								</button>
								<button class="btn btn-default" ng-click="ngchangeColor()">
									ng-class改变背景色
								</button>
								<button class="btn btn-default" ng-click="toggleMenu()">
									toggleMenu
								</button>
							</div>
						</div>
					</form>
				</div>

			</div>
		</div>

		
	</div>


</body>
</html>